import { Form, FormItem } from "@antmjs/vantui"
import { View } from "@tarojs/components"
import WowField from "../../components/WowField"
import WowSelect from "../../components/WowSelect"
import WowButton from '../../components/WowButton'
import WowAddButton from "../../components/WowAddButton"

import "./index.less"


const ReceiveTask = () => {
  return (
    <View>
      <View className='receive-wrapper'>
        <View className='tip-text'>请输入房间码</View>
        <Form>
          <FormItem>
            <WowField />
          </FormItem>
          <FormItem className='vocation-box'>
            <View className='role-select'>
              <WowSelect />
            </View>
            <View className='vocation-select'>
              <WowSelect />
            </View>
            <WowAddButton className='add-role-btn' />
          </FormItem>
          <FormItem className='btn-group'>
            <WowButton className='btn'>返回</WowButton>
            <WowButton className='btn'>上车</WowButton>
          </FormItem>
        </Form>
      </View>
    </View>
  )
}

export default ReceiveTask